<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">

		/* 被锚链接指向的时候会触发该选择器 */
		p:target {
			color: red;
		}
		

		/* 当使用鼠标选中的时候样式 */
		p::selection {
			color: red;
			background-color: green;
		}
	</style>
</head>
<body>
	
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p id="test">文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<p>文字</p>
	<a href="#test">找第10行的p</a>
</body>
</html>